@charset "utf-8";
/* CSS Document */
.header{border-top: 18px solid #333;}
.header .area{height: 112px;}
.header .logo{margin-top: 28px;}
.header .phone{line-height: 28px; height: 56px; margin-top: 25px; font-size: 30px; padding-left: 65px; background: url(../images/bg_phone.jpg) left center no-repeat;}
.header .phone span{display: block; color: #004098; font-size: 18px;}


/***********nav*******************/
.nav-box{position:relative;background:#efeff0;z-index:10;}
.nav-box .area{height:50px;z-index:2;}
/* m-nav */
.m-nav{z-index:3;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:50px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:107px;z-index:9;text-align:center;background:url(../images/bg_navli.jpg) right center no-repeat;}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1;width:100%;height:50px;line-height:50px; font-size:14px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .hover,
.m-nav .fir-ul .current .u-a{color:#FFF;background:#004098;}
.m-nav .sec-ul{background:#004098;position:absolute;top:110px;top:50px;left:0;width:100%;font-size:0;text-align:center;font-family:'microsoft yahei'; display: none;}
.m-nav .sec-ul li{height:40px;line-height:40px;overflow:hidden;padding:0;}
.m-nav .sec-ul li a{display: block; overflow:hidden;color:#fff;font-weight:normal;font-size:12px;}
.m-nav .sec-ul li a:hover{background:#efeff0; color: #004098;}

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:499px;z-index:3;}
.m-focus-d .switchable-box{width:100%;height:499px;}
.m-focus-d .switchable-content li{width:100%;height:499px;text-align:center;overflow:hidden; text-indent:-999em;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:55px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:500px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:500px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:5px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 5px;overflow:hidden;text-align:center;font-family:'microsoft yahei';font-size:26px;color:#fff;}
.m-focus-d .pic-btn li.active{color: #004098;}

.index_con{padding: 75px 0 40px;}

.item_show li{}
.item_show li a{display: block;overflow: hidden;}
.item_show li .u_img{display: block; overflow: hidden; width: 561px; height: 270px;}
.item_show li img{width: 100%;}
.item_show li .r_con{width: 439px; text-align: center; background: url(../images/bg_yh.jpg) 94% 14px no-repeat;}
.item_show li .r_con h1{height: 97px; line-height: 97px; padding-top: 39px; font-size: 48px; color: #004098;}
.item_show li .r_con .text{width: 380px; padding-left: 30px; height: 93px; overflow: hidden; text-align: left; font-size: 18px; line-height: 31px; }
.item_show li a:hover .u_img{transform:scale(1.1); -webkit-transform:scale(1.1); -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.item_show li a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.item_show li a:hover .r_con{width: 410px;}

.animated{transition:all .4s; -webkit-transition:all .4s; }
.animated2{transition:all .8s; -webkit-transition:all .8s; }

.com_flow .over_box{overflow: hidden;}

.m_title{font-size: 30px; color: #004098; padding: 59px 0 0 60px; height: 90px; line-height: 90px; background: url(../images/bg_blueyh.jpg) left 69px no-repeat;}
.m_title a{font-size: 14px; color: #333;}
.m_title a:hover{color: #004098;}

.com_flow .l_img{width: 540px; overflow: hidden;}
.com_flow .l_img li{float: left; width: 250px; margin: 0 20px 20px 0;}
.com_flow .l_img li a{display: block; overflow: hidden; width: 250px; height: 199px; position: relative;}
.com_flow .l_img li img{width: 100%;}
.com_flow .l_img li .num{font-size: 24px; color: #004098; position: absolute;}
.com_flow .l_img .child-1 .num{right: 13px; bottom: 8px;}
.com_flow .l_img .child-2 .num{left: 13px; bottom: 8px;}
.com_flow .l_img .child-3 .num{right: 13px; top: 8px;}
.com_flow .l_img .child-4 .num{left: 13px; top: 8px;}
.com_flow .l_img a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}

.com_flow .r_con{width: 439px; height: 421px; overflow: hidden; background: url(../images/bg_num.jpg) left top no-repeat;}
.com_flow .r_con li{padding:0 0 0 140px; margin-bottom: 68px; line-height: 28px; font-size: 14px;}
.com_flow .r_con li strong{display: block; font-size: 24px;}
.com_flow .r_con .child-2,.com_flow .r_con .child-4{padding: 0;}

.news_box .list{overflow: hidden; width: 1040px;}
.news_box .list li{height: 72px; float: left; width: 484px; margin: 0 36px 36px 0;}
.news_box .list li a{display: block; overflow: hidden;}
.news_box .list li .time{width: 62px; text-align: center; font-size: 14px; padding: 0 5px; border: 2px solid #ccc; line-height: 32px;}
.news_box .list li .time span{display: block; border-bottom: 1px solid #ccc; font-size: 24px; height: 35px; line-height: 35px;}
.news_box .list li .r_text{margin-left: 5px; width: 400px; padding-right: 3px;}
.news_box .list li .title{font-size: 14px; height: 18px; line-height: 18px; overflow: hidden;}
.news_box .list li .text{margin-top: 15px; line-height: 21px; height: 42px; overflow: hidden;}
.news_box .list li a:hover .time{background: #004098; color: #fff; border-color: #004098;}

.bot_con{overflow: hidden; margin-top: 40px;}
.bot_con .map{width: 517px; height: 293px; display: block; overflow: hidden;} 
.bot_con .map img{width: 100%;}

.bot_con .r_call{width: 457px;}
.bot_con .r_call .title{margin-bottom: 10px; line-height: 28px; height: 28px;}
.bot_con .r_call .title span{font-size: 24px;}
.bot_con .r_call .title a{font-size: 14px;}
.bot_con .r_call img{display: block; max-width: 100%; margin: 0 auto;}
.bot_con .r_call .link{font-size: 14px; margin-top: 12px; line-height: 25px;}

.footer{background:#004098 url(../images/bg_footer.jpg) left 110px repeat-x; padding-top: 7px; color: #fff; font-size: 14px;}
.footer .over_box{padding-bottom: 13px; overflow: hidden;}
.footer .erweima img{margin-right: 8px;}
.footer .erweima span{font-family: Arial; margin-left: 5px;}
.footer .phone{margin-top: 14px; line-height: 36px; padding-left: 61px; background: url(../images/bg_phone2.png) left center no-repeat; font-size: 18px;}
.footer .phone span{font-size: 30px; display: block;}
.footer .copy_right{font-size: 14px; line-height: 36px; height: 36px;}

/**************** 产品列表 *****************/
.return{height: 51px; line-height: 56px; overflow: hidden; font-size: 14px;}
.return a:hover{text-decoration: underline;}

.main_con{overflow: hidden; padding-bottom: 30px;}
.main_con .l_column{width: 209px;}
.main_con .r_column{width: 760px;}

.l_column .title{font-size: 20px; height: 38px; line-height: 38px; padding-left: 33px; background: url(../images/bg_title.jpg) left center no-repeat; border-bottom: 1px solid #ccc;}
.l_column .l_nav{margin-bottom: 30px;}

.m-leftmenu{}
.m-leftmenu li{position:relative;*zoom:1;}
.m-leftmenu .fir-a{display:block; position:relative;height:35px;line-height:35px;border-bottom:1px dotted #cfcfcf; font-size:16px; color: #000; background: url(../images/bg_lnav.jpg) 4px center no-repeat; padding-left: 33px;}
.m-leftmenu .sec-ul {height: 0; overflow: hidden;}
.m-leftmenu .sec-ul a{display:block; height:26px;line-height:26px;color:#555;border-bottom:1px dotted #cfcfcf;font-size:12px; padding-left: 33px;}
.m-leftmenu .fir-a:hover,
.m-leftmenu .current .fir-a{color: #a28246;}
.m-leftmenu .sec-ul a:hover{color: #a28246;}

.l_column .contact .text{border: 1px solid #ccc; border-top: none; padding: 0 13px 10px;}
.l_column .contact .phone{height: 47px; line-height: 57px; overflow: hidden; font-size: 20px; padding-left: 46px; background: url(../images/bg_lphone.jpg) left 17px no-repeat;}
.l_column .contact .link{font-size: 14px; line-height: 25px;}

.r_title{ font-size: 20px; height: 38px; line-height: 38px; margin-bottom: 16px; text-align: center;}

.pro_page{overflow: hidden;}
.pro_page ul{overflow: hidden; width: 801px;}
.pro_page ul li{float: left; width: 226px; margin: 0 41px 15px 0; text-align: center;}
.pro_page ul li .u_img{display: block; overflow: hidden; width: 226px; height: 170px; position: relative;}
.pro_page ul li img{width: 100%;}
.pro_page ul li .u_bor{display: block; border: 5px solid #004097; width: 216px; height: 160px; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0;}
.pro_page ul li .text{line-height: 34px; height: 34px; overflow: hidden; font-size: 14px;}
.pro_page ul li a:hover .u_bor{opacity: 1;}
.pro_page ul li a:hover .text{color: #004097;}

/***************** 新闻列表 *********************/
.sub-news-imgtext{}
.sub-news-imgtext li{position:relative;padding:15px 10px;border-bottom:1px solid #e0e0e0;*zoom:1;}
.sub-news-imgtext li a:hover{color:#004097;}
.sub-news-imgtext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-imgtext li .u-img{float:left;display:block;width:160px;height:90px;margin-right:15px;overflow:hidden;}
.sub-news-imgtext li .u-img img{width: 100%;}
.sub-news-imgtext li.hover,.sub-news-imgtext li:hover{background:#f6f6f6}
.sub-news-imgtext li.hover .u-border,.sub-news-imgtext li:hover .u-border{}
.sub-news-imgtext li h4{text-align:left;font-family:'宋体';font-size:12px;margin-bottom:5px;}
.sub-news-imgtext li h4 .u-time{float:right;color:#999;font-weight:normal}
.sub-news-imgtext li p{color:#666;line-height:20px;height:60px;overflow:hidden;font-family:'宋体';text-align:justify}
.sub-news-imgtext li p a{color:#004097;}

/***************** 相册 *********************/
.detail-img{ width:759px; margin:0 auto; padding:20px 0;}
.detail-img h1{line-height:36px;font-size:24px;text-align:center;color:#333;}
.detail-img .detail-time{line-height:24px;padding-bottom:10px;font-size:12px;text-align:center;color:#999;}

.detail-img .text{ display:none;}

.detail-img .imgBox{ position:relative; zoom:1;}
.detail-img .imgBox li{ float:left; _display:inline; overflow:hidden;}
.detail-img .imgBox li a{ display:block; height:100%; text-align:center;}
.detail-img .imgBox li img{ max-width:100%; max-height:100%;}

.detail-img .pageBox{ margin:20px 0 0 -10px;}
.detail-img .pageBox li{ float:left; display:inline; margin:0 2px 0 10px; overflow:hidden; border:3px solid #ccc; width: 175px; height: 113px;}
.detail-img .pageBox li a{ display:block; overflow:hidden; height:100%; text-align:center;}
.detail-img .pageBox li.selected{ border-color:#004097;}
.detail-img .pageBox li img{width: 100%;}

.detail-img .carousel-btn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;z-index:100;}
.detail-img .j-carousel-prev{left:0;}
.detail-img .j-carousel-next{right:0;}
.detail-img .carousel-btn .btn{ display:block; width:83px; height:109px; background:url(../images/btn_page.png) no-repeat;}
.detail-img .j-carousel-prev .btn{ background-position:left top;}
.detail-img .j-carousel-next .btn{ background-position:right top;}
.detail-img .j-carousel-prev .btn:hover{ background-position:left bottom;}
.detail-img .j-carousel-next .btn:hover{ background-position:right bottom;}

.detail-img .text_box{font-size: 14px; line-height: 26px; margin-top: 20px;}

.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}

.detail-page{margin-top:15px;padding:10px;border-top:1px solid #e6e6e6;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{font-size: 14px;}
.detail-page .page-text a:hover{color:#004097}

/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content img{max-width:100%;_width: expression((documentElement.clientWidth < 700) ? "" : "100%" ); margin-bottom: 10px;}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/*****************sub-message ************/
.sub-message{padding:20px 30px;background:#FFF;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#004097;}